<template>
  <div class="box">
    <Person :persons=personList :a="1+1" :b="x" />
  </div>
</template>

<script lang="ts" setup name="App">
  import Person from './components/Person.vue'
  import { ref, reactive } from 'vue'

  // 数据
  let personList = reactive([{ id: 'adsad3dsa211sdadas', name: "张三", age: 23 }, { id: 'adsad3dsa211sdadas', name: "魏国利", age: 35 }, { id: 'tgfgsad3dsa211sdadas', name: "马六", age: 28 }]);
  console.log("数据", personList);
  let x = 36;
  // 方法
  function showInfo () {
    console.log("dom数据=>");
  }
</script>

<style scoped>
  .box {
    width: 500px;
    height: 300px;
    border: 1px solid orange;
    padding: 50px;
  }

  h2 {
    background-color: aquamarine;
  }
</style>